

        var perView = 3;
        var slideActive = 0;
        var proInfSwiper = new Swiper('.proInfSwiper',{
            allowTouchMove:true,
            slidesPerView:3,
            slidesGroup:3,
            spaceBetween : 20,
            scrollbar:{
                el:'.swiper-scrollbar',
                draggable:true
            }
        })
        var watchWindow = null

        $(document).ready(function(){
            $('.productInfo .picBox .box:first-child').addClass('show');
            $('.fimiliar .swiper-slide:first-child').addClass('active');
            for(var n = 0;n < $('.fimiliar .swiper-slide').length;n++){
                $('.fimiliar .swiper-slide')[n].ind = n;
            }
            $('.fimiliar .order .actv').text('00');
            $('.fimiliar .order .lth').text(String($('.fimiliar .swiper-slide').length));
            $('.productInfo .links *').click(function(){
                $('.productInfo .picBox .box').removeClass('show');
                var dataType = $(this).attr('data-categories');
                for(var c = 0;c < $('.productInfo .picBox .box').length;c++){
                    var thisData = $('.productInfo .picBox .box')[c].getAttribute('data-categories');
                    if(thisData == dataType){
                        $('.productInfo .picBox .box:eq(' + c + ')').addClass('show');
                        break;
                    }
                }
            })

            $('.fimiliar .swiper .btn').click(function(){
                var length = $('.fimiliar .swiper-slide').length;
                $('.fimiliar .swiper-slide').removeClass('active');
                if($(this)[0].className.indexOf('next') >= 0){
                    slideActive++;
                    slideActive == length && (slideActive = length - 1);
                    if(slideActive >= perView){
                        proInfSwiper.slideTo(slideActive - perView + 1);
                    }else{
                        proInfSwiper.slideTo(0);
                    }
                }else{
                    slideActive--;
                    slideActive < 0 && (slideActive = 0);
                    if(slideActive <= length - perView - 1){
                        proInfSwiper.slideTo(slideActive);
                    }else{
                        proInfSwiper.slideTo(length);
                    }
                }
                console.log(slideActive);
                var actv = slideActive >= 10?(slideActive + 1):('0' + (slideActive + 1));
                $('.fimiliar .order .actv').text(String(actv));
                $('.fimiliar .swiper-slide:eq(' + slideActive + ')').addClass('active');
            })
            watchWindow = setInterval(function(){
                if(window.innerWidth > 1024 && proInfSwiper.params.slidesPerView != 3){
                        proInfSwiper.params.slidesPerView = 3;
                        perView = 3;
                        proInfSwiper.update();
                }else if(window.innerWidth >= 768 && window.innerWidth <= 1024 && proInfSwiper.params.slidesPerView != 2){
                        proInfSwiper.params.slidesPerView = 2;
                        perView = 2;
                        proInfSwiper.update();
                }
                else if(window.innerWidth < 768 && proInfSwiper.params.slidesPerView != 1){
                        proInfSwiper.params.slidesPerView = 1;
                        perView = 1;
                        proInfSwiper.update();
                }
                if(perView == 1){
                    var actv = $('.fimiliar .swiper-slide-active')[0].ind + 1;
                    actv = actv >= 10?actv:('0' + actv);
                    $('.fimiliar .order .actv').text(String(actv));
                }
            },10)
        })